require(["../../conf/config.js"],function(){
	require(["jquery"],function($){
		console.log($("#navi").offset());
		let naviOffset = $("#navi").offset().top;
		let parameterOffset = $("#parameter").offset().top;
		let detailOffset = $(".productdetails").offset().top;
		let deloveryOffset = $(".productdelovery").offset().top;
		let respondOffset = $(".respond").offset().top;
		let timer = null;
		$(window).scroll(function(){
			clearTimeout(timer);
			let scrolltop = $(document).scrollTop();
			if(scrolltop > naviOffset){
				timer = setTimeout(function(){
					$("#navi").addClass("arrive");
					if(scrolltop > parameterOffset){
						$("#navi li:nth-child(1)").addClass("active").siblings().removeClass("active");
					}
					if(scrolltop > detailOffset){
						$("#navi li:nth-child(2)").addClass("active").siblings().removeClass("active");
					}
					if(scrolltop > deloveryOffset){
						$("#navi li:nth-child(3)").addClass("active").siblings().removeClass("active");
					}
					if(scrolltop > respondOffset){
						$("#navi li:nth-child(4)").addClass("active").siblings().removeClass("active");
					}
				}, 100)
			}else{
				timer = setTimeout(function(){
					$("#navi").removeClass("arrive");
					$("#navi li").removeClass("active");
				}, 100)
			}
		})
		
		$("#procount").on("click", "button", function(){
			let count = $("#procount input").val();
			if(/addtion/.test($(this).attr("class"))){
				$("#procount input").val(++count);
				if($("#procount input").val() > 1){
					$("#procount .subtation").addClass("couldOption");
				}
			}
			if(/subtation/.test($(this).attr("class"))){
				if(count > 1){
					$("#procount input").val(--count);
				}
				if($("#procount input").val() == 1){
					$(this).removeClass("couldOption");
				}
			}
		})
		
		
	});
}) 